<div class="bg-light lter b-b wrapper-md">
    <h1 class="m-n font-thin h3">测试左右栏</h1>
</div>
<style>
#dataTableA, #dataTableB {width:350px !important;}
ul.tabs {list-style:none; margin:0; padding:0; }
ul.tabs li {width: 48%; line-height: 60px; text-align: center; float: left;
    border-top-left-radius: 14px; border-top-right-radius: 14px;
    background: #e8e8e8; cursor: pointer;}
ul.tabs li.active {background: #acccf8;}
.colwrap {border-collapse: separate; border-spacing: 15px; margin: 0px -15px 0px 0px;}
.colwrap td {vertical-align: top;}
.panel-body {padding: 15px 8px;}
.money-panel {padding: 0px 7px;}
.money-panel p {line-height:120px; margin: 0px; text-align: center;
    background: #e8e8e8; border-radius: 8px;}
</style>
<div class="wrapper-md">
    <div class="row">
        <div class="col-md-12" ng-controller="testListCtl">
            <div class="panel panel-default">
                <div class="panel-heading">
                    测试左右栏
                </div>
                <div class="panel-body">
                    <div class="col-md-3 money-panel">
                        <p>钱 ￥1.00</p>
                    </div>
                    <div class="col-md-3 money-panel">
                        <p>钱 ￥2.00</p>
                    </div>
                    <div class="col-md-3 money-panel">
                        <p>钱 ￥3.00</p>
                    </div>
                    <div class="col-md-3 money-panel">
                        <p>钱 ￥4.00</p>
                    </div>
                </div>

                <table border=0 width="100%" class="colwrap">
                    <tr>
                        <td width="350px">

                <div class="table-responsive">

                    <div class="">
                        <ul class="tabs">
                        <li ng-class="{ active: isSet(1) }" ng-click="setTab(1)">
                            <a>有哒</a>
                        </li>
                        <li ng-class="{ active: isSet(2) }" ng-click="setTab(2)">
                            <a>木有</a>
                        </li>
                        </ul>
                    </div>

                    <div ng-show="isSet(1)">
                    <table ui-jq="dataTable" ui-options="dataTableASettings"
                        ui-callback="initTableAFinish" id="dataTableA" class="table table-striped m-b-none">
                        <thead>
                            <tr>
                            </tr>
                        </thead>
                        <tbody>
                        </tbody>
                    </table>
                    </div>
                    <div ng-show="isSet(2)">
                    <table ui-jq="dataTable" ui-options="dataTableBSettings" 
                        ui-callback="initTableBFinish" id="dataTableB" class="table table-striped m-b-none">
                        <thead>
                            <tr>
                            </tr>
                        </thead>
                        <tbody>
                        </tbody>
                    </table>
                    </div>
                </div>

                        </td>
                        <td>

                <div class="table-responsive">
                    <table ui-jq="dataTable" ui-options="dataListSettings"  ui-callback="initListFinish" class="table table-striped m-b-none">
                        <thead>
                            <tr>
                            </tr>
                        </thead>
                        <tbody>
                        </tbody>
                    </table>
                </div>

                        </td>
                    </tr>
                </table>

            </div>
        </div>
    </div>
</div>
